import { Button } from 'antd';
import React from 'react';
import './index.less';

const Index: React.FC = () => {
  return (
    <ul className="general">
      <div className="search">
        <div className="s">商城</div>
        <span className="class">
          <input className="text" type="text"></input>
        </span>
        <input className="submit" type="submit" value="搜索"></input>
      </div>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i1/26842890/O1CN01GUJBM41XDfGaHwVbd_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$112</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/623050127/O1CN01u0Dag21CoD3y7ooye_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$24.5</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$19</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/111446352/O1CN01BEgmEJ1wnGLdANSsb_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$119</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/117220821/O1CN01O1hKQ91Hw3vtQOE6b_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$199</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i3/518360115/O1CN01VVTONF1CiiJPUEzxP_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$154</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$16</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$99</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$45</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$23</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$12</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$68</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$78</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$25</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$15</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>

      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$9.9</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$54</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$31.5</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
      <li className="pre">
        <a className="a" target="_blank" href="121">
          <img
            className="imge"
            src="https://img.alicdn.com/imgextra/i4/1390370164/O1CN01RgAMoE1D59ij58P4C_!!0-saturn_solar.jpg_468x468q75.jpg_.webp"
          ></img>
          <div className="pre1">这是一段描述</div>
          <div className="pre2">$12</div>
          <div className="pre3">
            <Button type="primary" size="small">
              购买
            </Button>
          </div>
        </a>
      </li>
    </ul>
  );
};

export default Index;
